<script setup lang="ts">
import Activity from './Activity.vue'
import DownApk from './DownApk.vue'
import Header from './Header.vue'

defineProps(['showLeftMenu'])
const emits = defineEmits(['changeShowLeftMenu', 'changeShowActivityDialog'])
</script>

<template>
  <div class="home_head">
    <DownApk />
    <Header
      :show-left-menu="showLeftMenu"
      @change-show-left-menu="emits('changeShowLeftMenu', $event)"
      @change-show-activity-dialog="emits('changeShowActivityDialog', $event)"
    />
    <Activity />
  </div>
</template>

<style lang="scss" scoped>
.home_head {
  --0f911654: url(/images/layout/maxBg.png);
  position: sticky;
  z-index: 98;
  top: 0;
  left: 0;
  background: var(--0f911654);
  background-repeat: no-repeat;
  background-size: 100% 600%;
  width: 100%;
}
</style>
